в этом видео мы собираемся установить
весь наш проект, подключив его
к базе данных, настраивающей его с помощью NBC и
развертывание на сервер на Heroku, поэтому мы
может просматривать наше приложение в Интернете
давайте начнем сейчас
первое, что нам нужно сделать, чтобы
чтобы начать наш проект, нужно использовать NPM
для инициализации нашего проекта, если вы этого не сделаете
уже установили n PM или узел make
Обязательно ознакомьтесь с моей инструкцией по установке
видео узла, которое будет связано в
карты и описание так что мы
нужно сделать, это запустить NPM и вязать, и мы
можно просто пропатчить - зачем - эту функцию
который по умолчанию будет использовать все параметры -
да и просто дайте нам все по умолчанию
значения внутри нашего пакета, которые JSON
здесь далее мы изменим это с индекса J
s к серверу DJ s это только личные
предпочтение, и мы можем закрыть от этого
это все, что нам нужно сделать дальше
мы действительно можем установить зависимости
что нам понадобится, чтобы получить
базовый экспресс-сервер, запущенный и работающий в
для этого нам нужно запустить NPM I
что означает установку NPM и ее прохождение
список пакетов, которые нам нужны в нашем случае
мы будем использовать Express через наш сервер
EGS для языка шаблонов, а затем
мы будем использовать макеты Express ejs, которые
позволяют нам создать файл макета для всех
нашего HTML мы можем просто добавить ввод и
пусть это запустится, что собирается скачать
все пакеты для нас и это происходит
чтобы добавить их в наш пакет JSON, как вы
можно увидеть здесь, в нашем разделе зависимостей
и он создает для нас файл блокировки
Последнее, что мы хотим сделать, это установить
зависимость разработки, чтобы мы могли запустить
NPM я а ты ставишь -- save -- dev который
сохраню это как развитие
зависимость, и нам нужен узел Mon, который
позволит нам автоматически обновлять
и перезапускать наш сервер каждый раз, когда мы
внести изменения теперь, когда это сделано, мы
можно перейти к нашему пакету JSON здесь мы
видите, что это зависимость от разработчиков, и мы можем
на самом деле создать сценарии, которые мы хотим для
запускаем на нашем сервере первый скрипт
мы собираемся хотеть, чтобы иметь возможность начать
наше хранилище обычно, так что мы просто собираемся
назовите это началом, и это просто происходит
для запуска узла сервера das оберните это в
кавычки, так как это строка, это просто
собираемся запустить наш сервер на
производственная среда без узла
мама, наш следующий будет называться dev
начать, что мы собираемся быть
используя большую часть времени, чтобы начать наш
сервер, и это собиралось запустить node
Пн, подавайте идеи, и это просто
по сути то же самое, что и узел
сервер ревнивый, за исключением того, что он будет
автоматически обновлять наш сервер каждый
время мы вносим изменения, так что теперь мы можем сохранить
это и мы полностью закончили с нашим
пакет JSON и NPM следующее, что
мы хотим сделать, это настроить наши фактические
server, поэтому он создаст сервер Don JS
файл, и именно здесь мы собираемся
выражаться
наше приложение и запуск первым делом
мы сделаем, мы собираемся импортировать
Express из библиотеки Express, которую мы
установили NPM и тоже хотим получить
часть приложения, вызвав это
функция Express далее мы получим
Пакет экспресс-макетов, который мы
также установлен, мы просто собираемся
требуют этот пакет, и теперь мы можем
работать над фактической настройкой нашего Express
приложение, поэтому первое, что мы хотим
нужно настроить наш механизм просмотра, чтобы мы
просто скажите набор точек приложения скажите, что мы хотим
установить механизм просмотра и в нашем случае
мы собираемся использовать EJ us в качестве нашего
просмотрите движок, так что мы просто pasion ejs
здесь также мы хотим установить, где наши взгляды
будут исходить из
поэтому мы скажем, что приложение точка устанавливает просмотры и в
наш случай, мы собираемся поместить их внутрь
каталога представлений, поэтому мы хотим получить
наше текущее имя каталога и просто
добавить его здесь к представлениям и теперь, если мы
создайте папку представлений здесь, в нашем
проект, где все
разные виды наших файлов идут
пойти на наш сервер и, наконец, что мы
хочу сделать, это подключить экспресс-макеты, поэтому
мы можем сказать, что точка приложения установлена, и мы говорим, что мы
хотите установить, что такое наш файл макета
будет и по сути идея
за файлом макета заключается в том, что каждый
один файл будет помещен внутрь
этот файл макета, поэтому нам не нужно
дублировать весь начальный HTML и
конечный HTML наших проектов, таких как
заголовок и нижний колонтитул, поэтому мы просто говорим
что это будет внутри
папку layouts вместо файла с именем
макет, и нам также нужно сообщить нашему
Экспресс-приложение, которое мы хотим использовать
Экспресс-макеты, так что мы просто скажем после
использовать и мы переходим в том, что экспресс-макеты
переменная, которую мы включили из этого
библиотека, которую мы также хотим сказать Express
где будут наши публичные файлы
это будут наши файлы
например, наши таблицы стилей, наш JavaScript
все наши изображения, так что мы просто собираемся
сказать, что это будет в месте под названием
Express static public, так что снова это
просто будет папка в нашем
приложение, которое называется общедоступным, поэтому, если
мы создаем вот теперь у нас есть папка
со всеми нашими публичными взглядами и злоупотреблениями
папка, в которой будут все наши
представлений, отображаемых сервером, и это наименование
общественность - это просто очень распространенное имя, которое
употребляется чаще всего при упоминании
эти общедоступные файлы теперь мы можем просто сказать
наше приложение, которое мы хотим
слушайте на определенном суде, чтобы мы могли сказать
приложение точка слушать, и мы будем хотеть
настроить это для обработки
порт точки среды, который собирается
вытащить из переменной окружения для
когда мы развернем сервер, он будет
скажите нам, какой порт он слушает не
нас, но для развития мы просто собираемся
по умолчанию это порт 3000, так как
сервер ничего нам не говорит
наша хостинговая платформа, поэтому мы собираемся
использовать порт 3000, и теперь, если мы сохраним это
это все, что нам нужно, чтобы получить наше
сервер в рабочем состоянии и здесь мы
может запустить npm run dev start, который
команду, которую мы создали ранее, и если
мы нажимаем Enter, вы должны увидеть, что он говорит
что он запускает наш сервер узла
и если мы откроем наше приложение здесь
localhost 3000 вы можете видеть, что наш
сервер работает и пишет
ничего не можем получить, и это потому, что мы
в нашем приложении не настроены ловушки
вот над чем мы будем работать дальше
теперь во многих небольших приложениях вы можете
видеть, что люди ставят все свои маршруты
внутри этого JS-файла точки сервера, но
для более крупного приложения, такого как это
приложение становится очень трудно
управлять, поэтому мы собираемся использовать MVC для
макет нашего приложения, и мы собираемся
поставить все наши маршруты, которые могли бы
также называться контроллерами внутри
папка маршрутов, поэтому мы можем просто создать здесь
папка маршрутов и все наши маршруты
собирается войти в эту папку и
причина, по которой мы используем слово «маршруты»
вместо контроллеров, потому что в
node.js и Express привлекают большинство людей
обращаться к контроллерам как к маршрутам, но вы
можно считать их абсолютно одинаковыми
у нас уже есть папка с представлениями
где все вы из MVC
собираемся идти, и, наконец, мы просто хотим
создайте здесь папку под названием модели и
здесь находятся все наши модели баз данных
собираемся идти теперь, когда у нас есть
наша структура MVC настроена, давайте создадим
наш самый первый маршрут, который собирается
быть нашим индексным маршрутом так существенно
все, когда мы на самом деле не
есть ресурс или модель в нашем URL
поэтому в нашей рапсодии мы можем создать новый
файл просто назовите его index J s и вместо этого
здесь мы собираемся настроить все
маршруты, как я сказал для нашего индекса нашего
приложение, а пока мы просто собираемся
настроить один маршрут на нашем маршруте, чтобы
нам сначала нужно снова импортировать Express
потому что мы используем Express для нашего
все приложение, поэтому мы получим это
Экспресс-переменная, и мы хотим получить
часть маршрутизатора этой переменной Express
поэтому мы просто позвоним маршрутизатору
функция здесь, в Express, устанавливает это равным
к нему и теперь с этой переменной маршрутизатора
которые мы только что создали, мы можем на самом деле
создайте наши маршруты, чтобы мы могли просто сказать
маршрутизатор
это будет использовать действие get
для того чтобы получить рут вот и это
просто будет нашим самым корнем нашего
приложение это просто будет
localhost 3000 просто так и в
здесь мы просто передаем ему функцию, и это
функция будет принимать два параметра
один - фактический запрос запроса
и следующий ответ, который
мы отправляем обратно, и мы просто собираемся
чтобы на данный момент отправить базовый ответ по умолчанию
поэтому мы просто скажем, что ответ точка отправить
мы просто отправим текст, который
говорит привет, мир, чтобы мы знали, что
это работает, и теперь, когда вы видите это
автоматически обновляется узлом
montt и если мы обновим наше приложение
вы увидите, что на самом деле ничего не происходит
и это потому, что мы на самом деле не
подключил наше приложение еще не использовать
этот роутер наш сервер этого не знает
этот маршрутизатор существует, поэтому мы хотим импортировать
этот маршрутизатор в наш сервер, чтобы
сделай это, мы просто хотим спуститься сюда
и требуем тот файл, который мы только что
создан, поэтому мы просто назовем его нашим индексом
маршрутизатор, и он будет равен
требовать и требовать здесь собирается
взять относительный путь, чтобы вы начали его
с косой чертой, которая говорит относительно
где мы находимся, где этот маршрут и его
внутри нашей папки маршрутов, и это
должен начать индексный маршрут внутри этого
папка маршрутов, так что теперь у нас есть
ссылка на этот указатель маршрутизатора справа
здесь внутри этого требуют, и мы можем
скажите нашему приложению использовать это здесь, если
мы можем просто сказать, что приложение использует точку, скажите ему
путь маршрута, из которого это исходит в
наш случай это всего лишь корень нашего
приложение, поэтому мы можем просто прикрепить его и
косая черта прямо здесь, что просто говорит очень
корень нашего приложения, и мы говорим ему
какой маршрутизатор мы хотим обрабатывать этим маршрутом
и мы просто скажем, что это наш индексный маршрутизатор
и теперь, если мы сохраним это, вы увидите, что
мы получаем проблему здесь с нашим
приложение падает, потому что оно
не знает, как получить какую-либо информацию
из этого индексного файла, потому что мы не
фактически экспорт любой информации из
этот файл, что мы хотим сделать, мы хотим
чтобы экспортировать этот маршрутизатор, который мы создали
и настроить в этом приложении, чтобы мы
просто спуститесь на дно здесь, и мы
введите экспорт модуля, который мы хотим установить
который равен нашему маршрутизатору теперь всякий раз, когда мы
импортируйте этот файл внутрь нашего
приложение, такое как здесь, мы требуем
этот этот индексный маршрут переменная идет
для установки этой переменной маршрутизатора здесь
и снова после того, как мы сохраним, что вы видите
что у нас все еще происходит сбой, поэтому, если
мы смотрим в наш журнал трассировки здесь вы
можно увидеть, что он говорит, что требуется не
определено, и он сообщает нам строку здесь
где это ошибка и как можно
см. я отлично
введено в обязательном порядке вместо необходимого поэтому
давайте изменим это, чтобы потребовать сохранить это
и проверьте, и теперь он говорит, что все зеленое
значит наш сервер работает и если мы
обновить это, теперь вы видите, что мы получаем это
Привет, мир, текст, отправленный нам из
наш сервер, и мы можем изменить это, чтобы сказать
что-нибудь еще, что мы хотим, и если мы скажем
обновите нашу страницу, вы увидите, что
это отправляется нам с нашего сервера
теперь, когда у нас есть маршруты
с нашим фактическим сервером, на котором мы можем работать
интегрируя наши маршруты с нашими представлениями как
мы создали его здесь, на нашем сервере да
Дженис, мы настроили этот файл макета так,
давайте на самом деле создадим этот файл макета
для нашего приложения мы просто создадим
новый файл здесь внутри папки макетов
начальный будет называться layout ejs
чтобы иметь подсветку синтаксиса
внутри файла ejs убедитесь, что вы
загрузить языковую поддержку EGS
расширение и визуальный код студии, если вы
в противном случае используется код Visual Studio
у вас не будет подсветки синтаксиса
внутри этого файла и внутри этого
файл, который мы собираемся настроить
шаблонный HTML для каждой страницы в нашем
приложение в коде vs вы можете использовать тип
восклицательный знак и нажмите Enter и
он настроит для вас базовый HTML, который мы
можно изменить название здесь на мою ягоду
это имя нашего приложения и
затем внутри тела здесь мы хотим
поместите весь код, который идет внутри
наше приложение до и после каждого
одна страница, поэтому, например, мы можем просто
введите здесь какой-нибудь текст, который говорит «до
мы просто добавим разрыв строки, чтобы мы знали
что есть небольшой интервал
между ним и мы хотим положить что-то
после, может быть, так что мы будем делать после с
еще один разрыв строки, но между ними
мы хотим поместить содержимое всего
внутри нашего приложения, чтобы
сделать это мы просто собираемся использовать это
синтаксис, который является знаком меньше
знак процента, а затем дефис и в
здесь мы просто набираем слова body и
это просто будет включать каждый
одна из наших страниц прямо в
здесь, на этой странице, так что теперь мы можем
на самом деле создать представление для нашего индекса
наше приложение, поэтому создайте новый файл
мы назовем его index ejs и внутри
этот вид здесь мы просто поместим
какой-то код, который называется middle, и этот
будет импортировано из этого индекса
TGS в этом макете ejs подается правильно
здесь, где написано тело, и теперь все мы
нужно сделать, это пойти в наш маршрут здесь и
вместо того, чтобы просто отправить базовый текст
мы на самом деле хотим отобразить наше представление, поэтому
мы можем сохранить рендер и передать имя
нашего взгляда, который как раз в этом и заключается
Файл EGS теперь, если мы его сохраним, мы получим
здесь все зеленое, и мы можем
обновите нашу страницу и вы увидите, что даже
хотя наш индекс TGS имеет только текст
середина в нем мы получаем перед серединой
и после того как этот файл макета
этот раздел тела импортируется
все от каждого из наших
страницы в нашем приложении, и это
собирается сделать разработку нашего приложения
намного проще, потому что если нам нужно изменить
что-либо в нашем макете нам нужно только
сделать это в одном файле вместо того, чтобы
сделать это в каждом из наших файлов
в нашем приложении это также делает это так
нам не нужно копировать и вставлять все это
шаблонный HTML каждый раз, когда мы
создать новую страницу последнее, что мы
нужно сделать до того, как наше приложение
полностью настроен, работает над получением нашего
модели интегрированы, и для этого мы
просто подключим наше приложение к
локальная база данных MongoDB, если вы этого не сделаете
уже установил MongoDB на вашем
компьютер не забудьте проверить мой как
установить видео MongoDB, которое также
быть связаны в карты и
описание так что теперь давайте перейдем к нашему
просмотреть файл das и фактически интегрировать
MongoDB в наше приложение первым
что нам нужно сделать, это установить
библиотека для MongoDB, поэтому мы просто используем NPM I
для того, чтобы установить это, и это называется
Мангуст это позволяет нам
очень легко интегрироваться с MongoDB
внутри нашего приложения мы идем мы
установить Mongoose в нашем
приложение, а затем мы можем работать над
настройка нашей базы данных, давайте просто сделаем
вот тут после нашего приложения
и мы можем импортировать Mongoose, так что мы
импортируйте это из библиотеки, которую мы только что
установлен, и теперь мы можем настроить наш
соединение для нашей базы данных первое
то, что мы хотим сказать, это точка мангуста
подключиться и здесь мы собираемся
на самом деле поместите URL для нашего соединения
но так как вы никогда не хотите
жестко закодируйте ваше соединение, которое вы хотите
быть зависимым от вашего окружения
потому что когда вы развиваетесь, вы хотите
Mongoose для подключения к вашему локальному
сервер MongoDB, но когда у вас есть
развернутое приложение, которое вы хотите подключить
на сервер, который находится где-то в Интернете
так что здесь мы собираемся передать строку
для URL, который будет исходить от
наша среда переменные, поэтому мы скажем
обрабатывать URL-адрес базы данных T и V и
мы собираемся настроить это всего за
немного, а затем следующее, что
это займет несколько вариантов
как мы хотим настроить MongoDB внутри
нашего приложения
в нашем случае из-за версии
MongoDB, которую мы используем, мы собираемся
хочу установить здесь переменную, которая говорит
использовать новый анализатор URL, который нам понадобится
установить это значение true, и это просто
потому что Мангуст Чен по умолчанию
использует старый способ доступа к данным в
MongoDB, которая в настоящее время устарела в
MongoDB в зависимости от того, когда вы смотрите это
учебник, который уже может быть изменен на
true по умолчанию, поэтому вы можете или не можете
нужно это, вы можете просто поиграть с
это самостоятельно, чтобы понять это сейчас
последнее, что мы хотим сделать, это на самом деле
просто войдите, если мы подключены или нет
в нашу базу данных, чтобы мы могли получить доступ к
соединение здесь, которое создает
переменная с именем DB, и мы можем просто получить
это от соединения точки мангуста и
тогда мы можем просто сказать БД при ошибке, поэтому, если
мы сталкиваемся с ошибкой, когда мы
подключаясь к нашей базе данных, мы просто
собирается распечатать эту ошибку, поэтому
вместо здесь мы можем просто сделать консоль
ошибка точки, и это просто позволит
нам распечатать нашу ошибку гигантским красным
текст в нашей консоли, и мы можем просто сделать
это еще раз мы можем сказать точка один раз
который будет запускаться только один раз
просто когда мы открываем нашу базу данных для
в первый раз так существенно однажды мы
подключиться в первый раз мы просто
хотите утешить точечный журнал здесь, что мы
связан с грибком, поэтому мы можем сказать
подключен к мангусту, и вот мы идем
это весь код, который нам нужно запустить
для этого, но если мы попытаемся запустить наш
приложение здесь мы собираемся получить
ошибка сразу, и это потому, что наш
приложение на самом деле не имеет этого
переменная для URL-адреса нашей базы данных, поэтому нам нужно
настроить это сейчас сделать это мы
будет использовать библиотеку, которая
называется D&V, что позволит нам загрузить
в переменных окружения в наш
приложение, поэтому мы можем просто NPM I - -
сохранить dev, так как мы только хотим, чтобы это было
локально, что мы используем это, и мы можем ввести
в этом env oops на самом деле не пишется
прямо сейчас, если мы запустим это,
на самом деле зайдите и установите это для нас
и мы просто можем создать файл DNV поверх
здесь и внутри этого мы помещаем наш
различные переменные в нашем случае мы хотим
указать URL базы данных, и мы просто хотим
установите это на URL-адрес нашей базы данных, этот URL-адрес
собирается принять форму MongoDB, так как
мы используем двойное двоеточие MongoDB
обратную косую черту, а затем мы собираемся вставить
здесь локальный хост, так как это происходит
быть локальным для нашего приложения
и так как наше приложение называется my
Брер II вызовет базу данных, которая
мы обращаемся к библиотеке, и если мы скажем
что теперь у нас есть URL нашей базы данных и
все, что нам нужно сделать, это сказать нашим
приложение для загрузки этого в него
поэтому в самом верху нашего приложения
здесь мы можем просто сделать простую проверку
проверить, работаем ли мы в
производственная среда или нет, поэтому мы можем
set process env no DMV это будет установлено
по умолчанию по узлу и мы хотим проверить
если это не равно производству
потому что мы на самом деле не хотим загружать
в этой переменной окружения, если только
мы находимся в нашей среде разработки, поэтому
мы можем сказать, если это не производство, то
мы хотим запустить некоторый код, чтобы на самом деле
загрузить эти разные зависимости так
нам требуется инв и мы просто собираемся
сказать точечная загрузка это загрузится
все переменные из нашего файла D&V здесь
и он собирается импортировать их в наш
обрабатывать переменную env в нашем приложении
теперь, если мы сохраним это и попытаемся перезапустить наш
приложение вы увидите здесь, что это
должно работать и как видите
все зеленое, и мы получили
сообщение о том, что мы подключены к
Мангуст, и если мы обновим нашу страницу, наш
приложение все еще работает
самое последнее, что нужно сделать, это настроить наш
приложение с git, поэтому, если мы просто закроем
из этого мы можем ввести get in it и
он инициализирует наш репозиторий здесь
если у вас еще не установлен git
или не понимаю, как использовать git make
обязательно ознакомьтесь с моим учебным комплектом через 20
минут видео, которое также будет связано
в карточках и в описании вниз
ниже теперь, когда мы инициализированы -
мы хотим создать файл игнорирования git в
наш проект просто назовите его точкой git ignore
и здесь мы собираемся разместить все
файлы, которые мы не хотим включать в наш
репозиторий git в нашем случае нам не нужен
включить наш файл env, потому что мы никогда
хотите включить эту среду
переменные они могут быть чувствительными
информация, которой мы не хотим делиться с
мир, и мы тоже хотим не
включить эти модули узла, потому что, как
вы можете видеть, что это огромный набор
зависимости здесь устанавливается NPM
все, что требуется вашему приложению, и
он становится очень большим, но это
пакет JSON и блокировка пакета JSON-файл
хранить всю эту информацию в гораздо более
сжатым образом, чтобы, когда кто-то тянет
вниз по вашему проекту, они могут просто запустить npm
установите, и он установит все это
зависимости в модулях узла для них так
когда меня игнорируют, ты тоже хочешь
я игнорировать эти модули сейчас, если мы сохраним это
вы видите в коде Visual Studio
они на самом деле серые, чтобы вы знали
что их игнорируют и эти зеленые
файлы новых файлов, которые мы добавили, чтобы мы могли
запустите get add с точкой после добавления
все в нашей папке и ниже которой
идеально все было добавлено и
мы можем запустить git commit и просто вызвать
это все, что вы хотите, мы можем просто сказать
начальная настройка, это добавит все
эти разные файлы в наш проект и
вот и мы
теперь у нас все настроено и мы можем
отправьте его в удаленный репозиторий git сейчас
чтобы получить этот код на github, мы
можно было бы просто зайти на github нажать на
кнопка создать новый репозиторий
репозиторий имени, в нашем случае мы просто
буду называть это моей ягодой с тех пор
это имя нашего приложения оставить
описание отключено, сделайте его общедоступным
чтобы все могли его просмотреть и мы
не хочу инициализировать его с помощью
readme или daggit ignore, так как мы
уже есть вся наша информация здесь
мы можем просто нажать создать репозиторий и
теперь все, что нам нужно сделать, это увидеть здесь
мы можем сказать или протолкнуть существующий код все, что мы
нужно сделать, это скопировать эти команды в
наша командная строка здесь вставьте их сюда
и мы можем просто сказать git push и там
мы идем, что подтолкнет весь наш код до
Мастер для нас, и вот мы идем
сделано сейчас, если мы обновим эту страницу, вы
видите, что весь код, который мы только что написали,
и github для нас, чтобы использовать последний
что я хочу сделать, это развернуть этот код
на настоящий сервер, чтобы мы могли просматривать
это в инете и самый простой способ
сделать это будет через Heroku
так как мы уже настроили наш код с помощью
github все, что нам нужно сделать, это создать
учетную запись на Heroku, а затем нажмите кнопку
создать новую кнопку приложения отсюда, вы просто
дайте вашему приложению имя, в нашем случае мы
назовем это моим Барри, а потом мы просто
нажмите создать приложение, дайте ему другое
система имен уже занята, мы позвоним
это мой веб-разработчик создал это, а затем
отсюда все, что нам нужно сделать, это следовать
эти шаги для развертывания мы можем использовать
Heroku получает CLI, и все, что нам нужно сделать, это
установите CLI Heroku и один раз этот CLI
устанавливается, мы можем просто скопировать
эта команда входа в систему Roku вставляет это в
здесь и следуйте инструкциям, которые
по умолчанию ваша электронная почта git, что нормально
в нашем случае и нам нужно ввести наш
пароль, а затем он скажет, что вы
вошли в систему правильно, и теперь мы можем иметь
что Heroku удален от нашего проекта
солдаты копируют этот пульт Heroku
так как у нас уже есть наш проект
инициализировать с помощью git, и это будет работать и
теперь он говорит, что наш пульт был
добавлено и теперь, поскольку мы уже добавили
и зафиксировали наш код
нам нужно нажать на Roku, чтобы мы могли
просто скопируйте эту команду, чтобы нажать на кароку
вставьте это сюда, и это будет работать и
как только это будет сделано, вы будете
видим, что он начинает строить наш сервер
на Heroku, который идеален, и это будет
нужно немного побегать, но как только это
выполненный запуск, вы можете получить доступ к своему
сайт на Heroku, просто нажав на это
кнопка открытия приложения, поэтому мы нажмем здесь
вы увидите, что там написано, что есть
сейчас ничего не развернуто, так что я приду
вернуться, как только это закончится, и сейчас
что мы закончили развертывание всего, что нам нужно
сделать, это обновить наше приложение здесь
Я обычно немного вращаюсь
так как он только начинает наш
приложение, так как мы на бесплатном
приложение и как только оно загрузится
вы увидите, что все наше приложение
которую мы создали с нашей индексной страницей
будет загружен прямо здесь вы будете
видите, что он выдает ошибку, и это
потому что у нас на самом деле нет этого
переменная среды для нашей базы данных
URL в нашем приложении Heroku, поэтому, если мы
заходим в Heroku заходим в настройки можем
настройте наши переменные среды здесь
и мы могли бы просто поставить ключ, который
будет URL нашей базы данных, и теперь мы
нужно придумать значение для этого
ключ и так как у нас нет базы данных
на нашем сервере для доступа нам нужно
создать базу данных отдельно от нашей
сервер, и мы можем сделать это с помощью MongoDB
Атлас, который мы можем создать бесплатно
база данных для MongoDB после создания
все, что вам нужно сделать, это нажать
кнопка построить кластер и отсюда
мы можем просто выбрать кластер, который мы
хотите построить в нашем примере, мы можем просто
выберите бесплатный кластер AWS здесь, на севере
Америка, в зависимости от того, что ближе к вам для
это дело будет здесь для меня
это должно быть просто по умолчанию для вас
выбрано, и мы просто хотим сохранить все
эти по существу полностью дефолтные и
как вы видите, это будет
совершенно бесплатно для нас, и если мы нажмем
создайте кластер, который он будет загружать для
немного, и вы видите, что это создает наш
кластер прямо здесь, и как только это будет сделано
будучи упакованным, мы действительно можем вытащить
URL из этого облачного кластера в
наше приложение Heroku здесь и все
должно работать нормально теперь, когда наш
соединение завершило инициализацию всех
нам нужно сделать, это нажать подключить добавить
Пользователь MongoDB в нашем случае мы будем называть их
пользователь, и я просто собираюсь автоматически сгенерировать
вот безопасный пароль и мы собираемся
хотите скопировать это, так как мы собираемся
пеed знать этот пароль на потом мы
можно нажать создать пользователя и теперь мы можем
выбрать способ подключения в нашем случае
мы хотим подключиться к приложению и
мы собираемся использовать эту строку здесь, поэтому
обратно в наше приложение мы хотим вставить
запишите этот пароль, чтобы мы его не потеряли
скопируйте эту строку подключения просто
вот так, и если мы вставим это сюда
что нам нужно сделать, это взять
тот пароль, который мы создали, и мы
нужно изменить эти строки подключения
раздел пароля, чтобы иметь этот пароль
так что просто удалите эту вставку в этом
пароль, а затем все, что нам нужно сделать, это
нажмите «Добавить», и теперь URL нашей базы данных
добавил в наш конфиг и наш сервер
будет перезапускаться с этим
файл конфигурации, и мы можем попробовать
обновить нашу страницу здесь сейчас, как вы можете
видите, с этой загрузкой у нас есть фактический
сервер работает и все
требуется, чтобы получить базовую работу нашего сервера
установка и запуск в следующем видео
мы собираемся создать нашу первую модель
которая будет авторской моделью и мы
также собирается создать маршруты для
создать индекс и новую страницу этого автора
если вам нравится этот контент, пожалуйста
обязательно подпишитесь на канал, чтобы
не пропустите ни одного из этих видео и
также проверьте следующее видео, которое
будут связаны здесь, когда это
выходит большое спасибо ребята
смотрите и хорошего дня